<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="comunSucursal.xhtml">
        <ui:define name="body">
            <p:ajaxStatus style="width:75px;height:75px;position:fixed;right:100px;bottom:100px">  
                            <f:facet name="start">  
                                <p:graphicImage value="http://#{initParam['DIRECCION_SERVIDOR']}/Iconos/loading.gif" />  
                            </f:facet>  

                            <f:facet name="complete">  
                                <h:outputText value="" />  
                            </f:facet>  
            </p:ajaxStatus>
            <h:form id="formularioBusquedaClienteID"  >
                <p:growl id="mensajeBusqueda" showDetail="true" sticky="true" />
                <p:remoteCommand  name="iniciarDatos"
                                  process="@this"
                                  update="formularioBusquedaClienteID"
                                  actionListener="#{busquedaClienteControlador.iniciarDatos()}" />
                <h:panelGrid id="panelSeleccionEventolID" columns="2" cellspacing="5">
                        <h:outputLabel value="Evento" />
                        <h:selectOneMenu value="#{busquedaClienteDataManager.evento}">
                            <f:converter converterId="eventoConvertidor" />
                            <f:selectItems value="#{busquedaClienteControlador.selectItemEventos}"/>
                            <p:ajax event="change"
                                    process="@this"
                                    update="panelBusquedaID"
                                    listener="#{busquedaClienteControlador.seleccionaEvento()}">
                            </p:ajax>
                        </h:selectOneMenu>
                    </h:panelGrid>
                <h:panelGrid id="panelBusquedaID" columns="3" cellspacing="5">
                <h:outputText value="Correo Electrónico"/>
                <h:inputText id="ingCorreoClienteID" value="#{busquedaClienteDataManager.mail}" 
                             required="true" requiredMessage="Debe ingresar el correo del cliente"/>
                <p:commandButton value="BUSCAR" action="#{busquedaClienteControlador.recuperarCliente()}"
                                 update="formularioBusquedaClienteID" process="panelBusquedaID"/>
                </h:panelGrid>
                
                <h:panelGrid id="panelDatosID" columns="2" cellspacing="5">
                    <h:outputText value="Nombre"/>
                    <h:inputText  id="nombreClienteID" value="#{busquedaClienteDataManager.usuario.usNombre}"
                                  disabled="true"/>
                    <h:outputText value="Apellido"/>
                    <h:inputText  id="apellidoClienteID" value="#{busquedaClienteDataManager.usuario.usPrimerApellido}"
                                  disabled="true"/>
                    <h:outputText value="Fecha de Nacimiento"/>
                    <h:inputText  id="fechaNacimientoClienteID" value="#{busquedaClienteDataManager.usuario.usFechaNacimiento}"
                                  disabled="true">
                         <f:convertDateTime pattern="dd-MMM-yyy" />
                    </h:inputText>
                    <h:outputText value="Atencion: " rendered="#{busquedaClienteDataManager.banderaMensaje}"/>
                     <h:inputText value="El cliente no ha reservado" rendered="#{busquedaClienteDataManager.banderaMensaje}"
                                  disabled="true" style="color: red;"/>
                </h:panelGrid>
                <h:panelGrid columns="2" cellspacing="5">
                    <p:commandButton id="btnIngresarID" value="Ingresar"/>
                    <p:commandButton id="btnSalidaID" value="Salida"/>
                </h:panelGrid>
            </h:form>
        </ui:define>
    </ui:composition> 
</html>


